<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>kblog ui</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->

  

  <link rel="stylesheet" href="styles/main.css">

  <script src="scripts/vendor/modernizr.js"></script>
</head>
<body>

<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
  your browser</a> to improve your experience.</p>
<![endif]-->


<header class="header">
  <div class="navbar-header">
    <button class="navbar-toggle collapsed">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Anting</a>

  </div>
  <div class="navbar-collapse collapse collapsing">
    <h1 class="header-logo">
      <a href="#">anting</a>
    </h1>
    <nav class="header-nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">JAVA</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">算法</a></li>
        <li><a href="#">其他</a></li>

      </ul>
    </nav>
    <div class="header-search">
      <form action="#">
        <input class="search-input" type="search" placeholder="search">
      </form>
    </div>

    <div class="header-login">
      <a href="login.html">登陆</a>
    </div>

  </div>
</header>


<div class="container">
  <aside class="aside aside-user-info">
    <section class="user-info">
      <a href="#"><img src="img/header_icon.jpg" width="100" height="100" alt=""></a>
      <h2>anting</h2>
    </section>
    <menu>
      <ul>
        <li><a href="#">我的文章</a></li>
        <li><a href="user-favorite.html" class="active">文章收藏</a></li>
        <li><a href="#">评论留言</a></li>
        <li class="split-line"><a href="#">站内消息</a></li>
        <li><a href="#">积分管理</a></li>
        <li><a href="change-info.html">修改信息</a></li>
        <li><a href="change-password.html">修改密码</a></li>
        <li class="split-line"><a href="change-uc-img.html">头像设置</a></li>
        <li><a href="#">其他设置</a></li>
      </ul>

    </menu>

  </aside>

  <div class="main">

    <div class="page-wrapper">
      <h1 class="title">文章收藏</h1>

      <ul class="fav-list">
        <li class="split-line">
          <div class="fav-info">
            <p class="fav-author"><a href="#">anting</a><time>10.08 10:30</time></p>
            <h3 class="fav-title">抓住重点学习</h3>
            <p class="fav-count">1000阅读~ 6评论 ~ 100 喜欢</p>
          </div>
          <a href="#" class="fav-img">
            <img src="img/header_icon.jpg" alt="">
          </a>
        </li>

        <li class="split-line">
          <div class="fav-info">
            <p class="fav-author"><a href="#">anting</a><time>10.08 10:30</time></p>
            <h3 class="fav-title">抓住重点学习</h3>
            <p class="fav-count">1000阅读~ 6评论 ~ 100 喜欢</p>
          </div>
          <a href="#" class="fav-img">
            <img src="img/header_icon.jpg" alt="">
          </a>
        </li>
      </ul>
    </div>

    </div>


</div>
<footer class="footer">
  <div class="foot">
    <div class="describes">
      <h3>关于本站</h3>
      <p> WP酷 提供免费的 WordPress 企业模板,淘宝客主题,博客主题等各种主题下载，并分享 WordPress 主题安装使用教程及模板制作的视频教程下载和实用插件。如果您喜欢，欢迎通过 RSS、邮箱
        订阅本站，WP酷
        将会第一时间为您推送最新信息!</p>
    </div>
    <div class="contact">
      <h3>联系我们</h3>
      <span>Email：pcdotfan@aliyun.com</span>
    </div>
    <div class="qrcode">
      <h3>扫码关注</h3>
      <img src="images/qcode.png">
    </div>
  </div>
</footer>


<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
  (function (b, o, i, l, e, r) {
    b.GoogleAnalyticsObject = l;
    b[l] || (b[l] =
      function () {
        (b[l].q = b[l].q || []).push(arguments)
      });
    b[l].l = +new Date;
    e = o.createElement(i);
    r = o.getElementsByTagName(i)[0];
    e.src = 'https://www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e, r)
  }(window, document, 'script', 'ga'));
  ga('create', 'UA-XXXXX-X');
  ga('send', 'pageview');
</script>

<script src="scripts/vendor.js"></script>

<script src="scripts/main.js"></script>
</body>
</html>
